<div class="app-demo">
    <h1>
        {{title}}
    </h1>
    <div style="border:1px solid #ccc;display:flex;flex-direction:column;align-items:center;justify-content:center;">
        <h2>Material Design Component</h2>
        <md-checkbox [(ngModel)]="checked" [indeterminate]="true"></md-checkbox>
        <button md-raised-button>哈哈</button>
    </div>
    <i class="fa fa-user"></i>
    <div [froalaEditor]>Hello, Froala!</div>
    <br><br>
    <div #charts style="height: 500px; width: 100%;"></div>
    <md-card style="width: 320px;">
        <video class="video-player" webkit-playsinline="" x-webkit-airplay="allow" autoplay="" preload="auto" controls style="width: 300px; height: 300px;">
        <source src="http://www.runoob.com/try/demo_source/movie.mp4">
    </video>
    </md-card>
    <br><br><br>
    <md-card>
        <baidu-map ak="" [options]="baiduMapOptions" [offline]="offlineOptions" (onMapLoaded)="loadMap($event)" (onMarkerClicked)="clickMarker($event)" (onClicked)="clickmap($event)"></baidu-map>
    </md-card>
</div>